<template>
 	<view>
 		<view class="navBarBox">
 			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>		
 			<view class="navBar">
 				<view class="goback">
 					<view @click="goBack" class="goicon" style="background:url(../../../static/goback.png);background-size:contain;background-repeat: no-repeat;">
 					</view>
 				</view>
 				<view class="title">老师分类</view>
 				<view class="right">			
 				</view>
 			</view>
 		</view>
		<view class="black-strip"></view>
 		<text class="tel1">请选择老师类型</text>
 		<view class="choice">
 			<view class="upper">
 				<view @click="goSchTeacher" class="parent Img radio" style="background: url(../../../static/img/register/1bgjz.png);background-size:350rpx;">
 					<view class="p1">我是校内老师</view>	
 				</view>
 				<view @click="goOutTeacher" class="schoolTeacher Img" style="background: url(../../../static/img/register/1bgls.png);background-size:350rpx;">
 					<view class="p1">我是机构老师</view>	
 				</view>
 			</view>
 		</view>	
 	</view>
 	
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
 				// 状态栏高度
 				statusBarHeight: 0,
 				// 导航栏高度
 				navBarHeight: 82 + 11,
 			}
 		},
 		created() {
 			//获取手机状态栏高度
 			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
 		},
 		methods: {
			// 去我是校内老师页
 			goSchTeacher(){
				uni.navigateTo({
				    url: './schTeacherRegister'
				});
			},
			goOutTeacher(){
				uni.navigateTo({
				    url: '../outteacherregister/outTeacherRegister'
				});
			},
			goBack() {
				// 此处是写返回页面的方法、
				uni.navigateBack({
					delta: 1 //返回只上一级页面
				});
			}
			
 		}
 	}
 </script>
 
 <style >
 	.navBarBox .navBar {
 			padding: 3rpx 50rpx;
 			padding-bottom: 8rpx;
 			display: flex;
 			justify-content: space-between;
 	
 			line-height: 93rpx;
 			font-size: 40rpx;
 		}
 	.black-strip {
 		height: 20rpx;
 		background-color: #fafafa;
 	}
 	.goback {
 		flex: 1;
 		height: 100%;
 	}
 	.goicon{
 		width: 30rpx;
 		height: 30rpx;
 		background-color: #00BEA9;
 		margin-top: 30rpx;
 	}
 	.title {
 		flex: 1;
 		height: 100%;	
 	}
 	.right{
 		flex: 1;
 	}
 	text{
 		margin-left:28rpx ;
 	}
 	.p1{
 		margin-left: 44rpx;
 		margin-top: 36rpx;
 		font-size: 33rpx;
 		color: #fff;
 	}
 	.tel1{
 		display: block;
 		font-size: 18px;
 		
 		/* margin-bottom: 38rpx; */
 		color: rgb(16,26,35);
 	}
 	.choice{
 		margin-top: 120rpx;
 	}
 	.Img{
 		width: 350rpx;
 		height: 280rpx;
 		 float: left;
 	}
 	
 </style>
 